@charset "utf-8";
/* CSS Document */
/* index */
a.fd{ display:block; position:relative;}
a.fd .pic{ overflow:hidden;}
a.fd .pic img{ transition:all 0.5s ease;}
body{ padding-top:80px;}
.op0{opacity: 0;}
.wrap{ width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:5;}
.top{ height:81px; background:#fff; padding:0 15px; width:100%; position:fixed; left:0; top:0px; z-index:95; border-bottom:1px solid #eee;}
.T-nav{ padding:20px 0 0 30px; line-height:40px;}
.T-nav a{ float:left; margin-left:25px; font-size:16px; border-bottom:3px solid #fff;}
.T-nav a.cur{ color:#d80213; font-weight:bold; border-bottom-color:#d80213;}
.T-nav a.smc{ font-size:14px;}
.T-nav span{ float:left; margin-left:25px;}
.tel-log{ padding:20px 0; line-height:40px;}
.tel-log a{ margin-left:10px;}
.search-b{ width:900px; position:absolute; z-index:5; left:50%; top:50%; margin-left:-450px; transform:translateY(-50%);}
.alocp .c1{ float:left; width:780px; background:rgba(255,255,255,0.8); border:none; height:60px; line-height:60px; padding:0 20px; font-size:16px;}
.alocp .c2{ float:left; width:120px; background:#d80213 url(../images/fdsl.png) no-repeat center center; height:60px; border:none; cursor:pointer;}
.hot-search{ margin-top:20px; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.3);}
.hot-search a{ margin-left:15px; color:#fff;}
.hot-search a:hover{ color:#d80213;}
.ind-main{ background:url(../images/ind-bg.jpg) no-repeat center top; padding:40px 0;}
.blcmc .p1{ font-size:30px;}
.blcmc .p2{ font-size:14px; color:#666; margin-top:12px;}
.lo-ad{ background:#fff; border:1px solid #ddd; margin-top:40px; padding:0 30px;}
.lo-ad li{ float:left; width:25%;}
.lo-ad li .pic{ background:url(../images/d.jpg) repeat-y center top; width:54px; padding:32px 0; float:left;}
.lo-ad li .tit{ height:124px; width:200px; display:table; float:left; margin-left:15px; font-size:18px;}
.lo-ad li .tit p{ display:table-cell; vertical-align:middle;}
.onmcl{ margin-top:30px;}
.onmcl span{ cursor:pointer; font-size:20px; margin:0 30px; display:inline-block; line-height:55px;}
.onmcl span.cur{ border-bottom:3px solid #d80213}
.folam{ margin-top:10px; padding-bottom:3%;}
.pic-lb{ width:32%; margin-right:2%;}
.pic-lb:nth-child(3n){ margin-right:0;}
.pic-lb li{ margin-top:5%;}
.pic-lb li a{ display:block;}
.pic-lb li a .tit{ color:#fff; font-size:24px; line-height:32px; width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.lboalc li{ margin-top:2%; width:49%; float:left;}
.lboalc li:nth-child(2n){ float:right;}
.lboalc li a{ display:block;}
.lboalc li a .tit{ font-weight:bold; margin-top:10px; font-size:20px;}
.lboalc li a .con{ margin-top:10px; line-height:20px; height:80px; overflow:hidden; color:#666;}

.aolmac li{ width:23.5%; margin-right:2%; float:left;}
.aolmac li:nth-child(4n){ margin-right:0;}
.aolmac li .tit{ margin-bottom:15px; line-height:35px; font-size:20px;}
.aolmac li .tit span{ display:inline-block; padding:0 5px; border-bottom:2px solid #d80213;}
.nonc-nav{ background:#f2f2f2; padding:50px 0;}
.nonc-nav h5{ text-align:center; font-size:20px; font-weight:normal;}
.nonc-nav dl{ float:left; width:10%; margin-top:40px; line-height:30px;}
.nonc-nav dl dt{ font-weight:bold;}

.foot{ background:#2e3139;}
.foot-T{ padding:40px 0;}
.z-comb{ width:545px;}
.z-comb .p2{ margin-top:15px; line-height:22px; color:#838488;}
.anolc p{ background:url(../images/hd.png) no-repeat left center; line-height:30px; height:30px; overflow:hidden; padding-left:15px;}
.anolc p a{ color:#fff;}
.sewml{ color:#fff; width:113px; margin-left:50px; text-align:center;}

.foot-B{ border-top:1px solid #43464d; padding:12px 0; line-height:25px; text-align:center; color:#838488;}
.min-menu{ display:none;}
.nav-sec{ display:none;}
.mob-nav{ display:none;}

.ny-banner{ height:180px; background:no-repeat center center; background-size:cover;}
.ny-banner .cont{ position:absolute; left:4%; top:50px; color:#fff;}
.ny-banner .cont .p1{ font-size:36px;}
.conlmt{ padding:0 4% 4%; position:relative; z-index:2; margin-top:-50px;}
.search-sx{ background:#fff; border-radius:10px; padding:30px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.olcoac{ height:50px; border:1px solid #eee; position:relative;}
.olcoac span{ color:#d80213; line-height:20px; padding:0 5px; border:1px dashed #d80213; display:block; position:absolute; left:20px; top:13px;}
.olcoac .c1{ width:100%; height:48px; padding:0 0px 0 110px; border:none;}
.olcoac .c2{ position:absolute; right:-1px; top:-1px; width:80px; height:50px; background:#d80213 url(../images/fdsl.png) no-repeat center center; border:none; cursor:pointer;}
.dlcnl{ line-height:22px; margin:15px 0 10px; color:#999;}
.dlcnl span{ color:#d80213; line-height:20px; padding:0 5px; border:1px dashed #d80213; display: inline-block; vertical-align:middle; margin-left:10px;}
.fxlml a{ margin-right:20px;}

#device .item{background:#fff; position:relative; overflow:hidden;}
#device .item > a{ display:block;}
#device .item .pic img{width:100%;height:auto;}
#device .item .tit{ margin-top:5px; line-height:20px;}
#device .item .fd-cen{ position:absolute; z-index:3; right:10px; top:10px; visibility:hidden; opacity:0; transform: translateY(-50px); transition:all 0.5s ease;}
#device .item .fd-cen .anc{ margin-left:5px; display:inline-block; border-radius:5px; width:30px; height:30px; background:rgba(0,0,0,0.5) no-repeat center center;}
#device .item .fd-cen .anc:hover{ background-color:rgba(0,0,0,0.9)}
#device .item .fd-cen .anc01{ background-image:url(../images/c1.png);}
#device .item .fd-cen .anc02{ background-image:url(../images/c2.png);}
#device .item .fd-cen .anc03{ background-image:url(../images/c3.png);}

.ny-main{ padding-bottom:4%;}
.ny-dres{ padding:20px 0;}
.ny-dres span{ margin:0 5px;}
.ny-dres i{ color:#d80213}

.zenlm{ padding:20px; border:1px solid #eee; width:60%;}
.zenlm .pic{ background:no-repeat center center; background-size:contain; height:400px;}
.lmlac{ margin-top:20px;}
.lmlac a.a1{ vertical-align:middle; line-height:32px; background:url(../images/b1.jpg) no-repeat left center; padding-left:32px; display:inline-block;}
.lmlac a.a2{ vertical-align:middle; line-height:32px; background:url(../images/b2.jpg) no-repeat left center; padding-left:32px; display:inline-block;}
.zp-cont{ width:38%; color:#666; padding-top:20px;}
.zp-cont .p1{ font-size:28px; color:#333;}
.zp-cont .p2{ margin-top:10px;}
.zp-cont .p2 span{ font-size:32px; color:#da0f1f; font-weight:bold;}
.zp-cont .p3{ line-height:1.8;}
.zp-cont .p4{ margin-top:40px;}
.zp-cont .p4 a{ line-height:48px; width:180px; display:inline-block; text-align:center; margin-right:20px;}
.zp-cont .p4 a.a1{ background:#da0f1f; color:#fff;}
.zp-cont .p4 a.a2{ background:#dddddd; color:#333;}
.blccst{ line-height:45px;}
.blccst span{ font-size:26px;}
.lb-img{}
.lb-img li{ width:24.5%; margin-right:0.66%; margin-top:0.66%; float:left;}
.lb-img li:nth-child(4n){ margin-right:0;}
.lb-img li a{ display:block; border:1px solid #eee; overflow:hidden;}
.lb-img li a .pic{ height:205px; background:no-repeat center center; background-size:cover; transition:all 0.5s ease;}

.news-banner{ background:no-repeat center center; background-size:cover; height:330px;}

.ny-nav{ padding:20px 0; font-size:16px;}

.ny-nav a{ display:inline-block; margin:0 25px;}
.ny-nav a.cur{ color:#d80213;}
.news-main{ padding:30px 0; background:#f6f6f6;}
.lb-cmt li{ margin-bottom:30px;}
.lb-cmt li a{ display:block; background:#fff; padding:15px;}
.lb-cmt li a .pic{ width:209px; height:104px; background:no-repeat center center ; background-size:cover;}
.lb-cmt li a .con{ width:672px; margin-left:15px;}
.lb-cmt li a .con .p1{ font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.lb-cmt li a .con .p2{ color:#999; line-height:25px; height:50px; overflow:hidden; margin-top:12px;}
.lb-cmt li a .data{ width:240px; height:104px; border-left:1px solid #ddd; padding-left:40px; padding-top:20px; background:url(../images/fs.png) no-repeat 180px center; color:#333;}
.lb-cmt li a .data span{ display:block; font-size:28px;}
.ny-nav span{ display:none;}
.pagecsl a{ display:inline-block; border-radius:3px; line-height:30px; padding:0 12px; background:#fff; border:1px solid #ddd; margin:0 3px;}
.pagecsl a.cur{ background:#dd0819; border-color:#dd0819; color:#fff;}
.oloac{ font-size:36px;}
.olapc span{ line-height:20px; vertical-align:middle; margin:0 15px;}
.olapc i{ color:#d80213; font-weight:bold;}

.editlc{ padding:40px 0; line-height:2; font-size:18px;}
.editlc:before{ content:''; height:8px; width:100%; position:absolute; left:0; top:0; background:url(../images/vbg.jpg) repeat-x;}
.editlc:after{ content:''; height:8px; width:100%; position:absolute; left:0; bottom:0; background:url(../images/vbg.jpg) repeat-x;}
.about-us{ line-height:2; color:#767676; padding:3% 0;}
.about-us .pic{ width:45%;}
.about-us .cont{ width:52%;}

.mapoc{ width:57%}
.dreslc{ width:40%;}
.dreslc .p1{ font-size:26px; color:#333;}
.dreslc .p2{ color:#999; padding:10px 0;}

.login-main{ padding:5% 0;}
.login-main .pic{ width:50%; padding-right:40px; border-right:1px solid #ddd;}
.login-main .cont{ width:48%;}
.ds-blt{ color:#999; font-size:18px;}
.ds-blt span{ color:#333; font-size:26px; margin-right:15px;}
.ds-blt a{ color:#999; margin-left:15px;}
.opoal{ margin-top:40px;}
.opoal td{ padding:15px 4px;}
.opoal td .c1{ width:100%; max-width:350px; height:45px; border:1px solid #ddd; padding:0 10px;}
.opoal td .c2{ width:100%; max-width:350px; height:45px; color:#fff; background:#d80213; border-radius:5px; border:none; cursor:pointer; font-size:16px;}
.hoc-center{ font-size:24px; margin-left:20px; padding-left:20px; margin-top:25px; border-left:1px solid #ccc;}
.hy-main{ background:#f1f1f1; padding:15px 0 30px;}
.anlec{ width:270px; position:relative;}
.anlec h5{ font-size:24px; color:#fff; line-height:50px; background:#d80213; font-weight:normal; padding-left:20px;}
.anlec .nlca a{ display:block; background:#fff; border-bottom:1px solid #ddd; padding:0 20px; line-height:45px;}
.anlec .nlca a.cur{ color:#d80213}
.cenlm-cont{ width:915px; background:#fff; min-height:600px; padding:0 30px 30px;}
.cenlm-cont h5{ font-weight:normal; line-height:60px; border-bottom:1px solid #ddd; font-size:22px;}
.rtlmc .pic{ padding:2px; border:1px solid #ddd;}
.rtlmc .cont{ width:740px; margin-left:25px; color:#999; font-size:12px; line-height:20px;}
.rtlmc .cont p{ margin-bottom:10px;}
.rtlmc .cont p span{ display:inline-block; padding:0 10px; background:#fdf2f3;}
.zlconl{ padding-left:105px; margin-top:20px; font-size:12px; color:#666;}
.zlconl table td{ padding:5px;}
.zlconl table td .c1{ width:100%; max-width:240px; height:25px; border:1px solid #ddd; padding: 0 5px;}
.zlconl table td select{ width:80px; height:25px; border:1px solid #ddd; margin-right:10px; font-size:12px; color:#666;}
.zlconl table td .c2{ height:25px; width:80px; color:#fff; background:#d80213; border-radius:3px; border:none; cursor:pointer; margin-right:10px;}
.zlconl table td .c3{ width:100%;}

.pic-list li{ width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}
.pic-list li:nth-child(4n){ margin-right:0;}
.pic-list li a{ display:block;}
.pic-list li a .tit{ margin-top:10px; line-height:20px; height:20px; overflow:hidden;}
.pic-list li a .con{ font-size:12px;}
.loapoc{ margin-top:4%;}





@media (max-width: 1880px){
.nav02{ display:none;}
.min-menu{ float:left; cursor:pointer; height:40px; width:40px; background:url(../images/ddd.png) no-repeat center center; display:block; margin-left:15px;}
.T-nav{ padding-left:15px;}
.nav-sec{ transform:translateY(-100%); display:block; height:81px; border-bottom:1px solid #eee; line-height:40px; background:#fff; padding:20px 0 0; width:100%; position:fixed; left:0; top:0px; z-index:96;}
.nav-sec.on{ transform:translateY(0%); transition:all 0.5s ease;}
.nav-sec a{ float:left; margin-left:20px; font-size:16px; border-bottom:3px solid #fff;}
.nav-sec span{ float:left; margin-left:20px;}
.nav-sec a.cur{ color:#d80213; font-weight:bold; border-bottom-color:#d80213;}
.nav-sec a.smc{ font-size:14px;}
.nav-sec i{ float:right; width:40px; height:40px; background:url(../images/gb.png) no-repeat center center; cursor:pointer;}
}




@media (min-width: 1201px){
a.fd:hover .pic img,.lb-img li a:hover .pic{ transform:scale(1.05); transition:all 0.5s ease;}
.nav-sec{ transition:all 0.5s ease;}
#device .item:hover .fd-cen{ transform:translateY(0); visibility:visible; opacity:1; transition:all 0.5s ease;}
.lb-cmt li a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.ds-blt a:hover{ color:#d80213}
}

@media (max-width: 1200px){
body{ padding-top:55px;}
.wrap{ width:100%; max-width:768px;}
.tel-log span{ display:none;}
.nav-sec i{ display:none;}
.T-nav{ display:none;}
.top{ height:55px; padding:0 5px;}
.top .logo { padding:5px 0;}
.top .logo img{ height:45px;}
.nav-sec{ position:fixed; display:none; left:0; padding:0; width:100%; top:55px; height:calc(100% - 55px); overflow:auto; background:#fff; transform:translateY(0);}
.nav-sec a{ margin:0; display:block; width:100%; padding:0 4%; border-bottom:1px solid #eee;}
.nav-sec a.cur{ border-bottom:1px solid #eee;}
.nav-sec span{ display:none;}
.tel-log{ padding:7px 0;}
.mob-nav { display:block; float:right; position:relative; width:55px; height:55px;}
.mob-nav span{ display:block; height:2px; width:25px; position:absolute; left:15px; top:27px; background:#d80213; transition:all 0.5s ease;}
.mob-nav:before{ content:''; height:2px; width:25px; position:absolute; background:#d80213; left:15px; top:18px; transition:all 0.5s ease;}
.mob-nav:after{ content:''; height:2px; width:25px; position:absolute; background:#d80213; left:15px; top:36px; transition:all 0.5s ease;}
.mob-nav.on span{ width:0; transition:all 0.5s ease;}
.mob-nav.on:before{ transform:rotate(45deg); top:26px; transition:all 0.5s ease;}
.mob-nav.on:after{ transform:rotate(-45deg); top:26px; transition:all 0.5s ease;}
.ind-main{ padding:4% 0;}
.lo-ad li{ width:50%;}
.z-comb{ width:100%;}
.wlmlc{ width:100%; margin-top:20px;}
.zenlm{ width:100%;}
.zp-cont{ width:100%;}
.lb-img li{ width:49%; margin-right:2%; margin-top:2%;}
.lb-img li:nth-child(2n){ margin-right:0;}
.ny-nav{ padding:0;}
.ny-nav span{ padding:0 2%; line-height:45px; display:block; width:100%; background:url(../images/z1.png) no-repeat 98% center;}
.ny-nav p{ display:none;}
.ny-nav p a{ display:block; margin:0; line-height:40px; text-align:left; padding:0 4%;}
.lb-cmt li{ margin-bottom:2%;}
.lb-cmt li a .data{ display:none;}
.lb-cmt li a .con{ width:calc(100% - 230px); float:right; margin:0;}
.news-main{ padding:2% 0;}
.oloac{ font-size:30px;}
.hoc-center{ font-size:14px; margin-top:18px; margin-left:10px; padding-left:10px;}
.cenlm-cont{ width:100%; padding:0 4% 20px; margin-top:10px;}
.anlec{ width:100%;}
.anlec h5{ font-size:18px; background:#d80213 url(../images/xl.png) no-repeat 95% center;}
.anlec .nlca{ display:none;}
.rtlmc .cont{ width:calc(100% - 120px);}
}

@media (max-width: 900px){
.search-b{ position:relative; left:0; top:0; transform:translateY(0); margin-left:0; width:100%;}
.alocp .c1{ width:calc(100% - 80px); background:#f9f9f9; height:50px; font-size:14px;}
.alocp .c2{ height:50px; width:80px;}
.hot-search{ margin-top:10px; color:#666; text-shadow:0 0 0; padding:0 10px 15px;}
.hot-search a{ color:#666;}
}

@media (max-width: 768px){
.wrap{ padding:0 2%;}
.blcmc .p1{ font-size:20px;}
.lo-ad{ margin-top:20px; padding:0 15px;}
.lo-ad li{ width:100%;}
.lo-ad li .pic{ padding:15px 0;}
.lo-ad li .tit{ height:90px; font-size:14px; width:calc(100% - 70px);}
.onmcl{ margin-top:10px;}
.onmcl span{ font-size:14px; margin:0 15px;}
.pic-lb li a .tit{ font-size:15px;}
.lboalc li a .tit{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.nonc-nav{ display:none;}
.z-comb .p2{ display:none;}
.aolmac li .tit{ font-size:16px;}
.ny-banner .cont .p1{ font-size:24px;}
.search-sx{ padding:15px;}
.olcoac{ padding-right:60px;}
.olcoac .c1{}
.olcoac .c2{ width:60px; background-size:auto 50%;}
.pagecsl a.mob-none{ display:none;}
.news-banner{ height:160px;}
.oloac{ font-size:18px;}
.olapc .mob-none{ display:none !important;}
.editlc{ padding:30px 0; font-size:15px;}
.about-us .pic{ width:100%;}
.about-us .cont{ width:100%;}
.dreslc{ width:100%;}
.mapoc{ width:100%;}
.dreslc .p1{ font-size:20px;}
.login-main .pic{ display:none;}
.login-main .cont{ width:100%;}
.opoal td .c1{ max-width:100%;}
.zlconl{ padding-left:0;}
.zlconl table td select{ width:70px;}
.pic-list li{ width:49%;}
.pic-list li:nth-child(2n){ margin-right:0;}
.cenlm-cont h5{ font-size:18px;}
}

@media (max-width: 640px){
.zenlm{ padding:10px;}
.lmlac{ margin-top:10px;}
.zp-cont .p1,.zp-cont .p2 span,.blccst span{ font-size:20px;}
.zp-cont .p4 a{ width:120px;}
.lb-cmt li a .pic{ width:140px; height:70px;}
.lb-cmt li a .con{ width:calc(100% - 150px);}
.lb-cmt li a .con .p2{ height:25px; margin-top:5px;}

}
@media (max-width: 420px){
.lb-img li a .pic{ height:150px;}

}